<!DOCTYPE html>
<html>
<head>
    
    <link href="../css/registro.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="Style.css" />
    <title>Social Rider</title>
                <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
                <script src="http://malsup.github.com/jquery.cycle.all.js"></script>
                <script>
                    $("document").ready(function(){
                        $("#slideshow").cycle()
                    })
                </script>
		<link href="http://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet" type="text/css" />
		<link href="http://fonts.googleapis.com/css?family=Kreon" rel="stylesheet" type="text/css" />
</head>
<?

include('../funciones/utilidades.php');
?>

    <body>
        <div id="wrapper">
            <div id="header">
                <div id="slideshow">
                    <img src="../images/social1.png" alt="Image 1">                
                    <img src="../images/social2.png" alt="Image 2">
                    <img src="../images/social3.png" alt="Image 3">
                    <img src="../images/social4.png" alt="Image 4">
                    <img src="../images/social5.png" alt="Image 5">
                </div>
                <div id="pro6">
                    <ul>
                    <li class="current"><a href="login.php"><b>Principal</b></a></li>
                    <li>&nbsp &nbsp &nbsp &nbsp</li>
                    <li><a href="registro.php"><b>Registrate</b></a></li>
                    <li>&nbsp &nbsp &nbsp &nbsp</li>
                    <li><a href="mirider.php"><b>mi perfil</b></a></li>
                    <li>&nbsp &nbsp &nbsp &nbsp</li>
                    <li><a href="#"><b>Quienes somos</b></a></li>
                    <li>&nbsp &nbsp &nbsp &nbsp</li>
                    <li><a href="http://www.google.cl"><b>Buscar</b></a></li>
                    </ul>
                </div>
            </div>
            <div id="page" align="center">
                <img src="img/SRLogo.png"><br>
                <form method="post" action="registrar.php">
                    <h3> Formulario de Registro</h3>
                    <div id="formulario">
                        <table align="center">
                            <tr style="height: 50px">
                                <td><div class="campo"> Nombre</div> </td>
                                <td><div class="write"> <input name="nombre" type="textarea"/> </div></td>
                            </tr>
                            <tr style="height: 50px">
                                <td><div class="campo"> Nombre Usuario</div> </td>
                                <td><div class="write"> <input name="usuario" type="textarea"/> </div></td>
                            </tr>
                            <tr style="height: 50px">
                                <td><div class="campo"> Password</div> </td>
                                <td><div class="write"> <input name="clave1" type="password"/> </div></td>
                            </tr>
                            <tr style="height: 50px">
                                <td><div class="campo"> Repita Password</div> </td>
                                <td><div class="write"> <input name="clave2" type="password"/> </div></td>
                            </tr>
                            <tr style="height: 50px">
                                <td><div class="campo"> E-mail</div> </td>
                                <td><div class="write"> <input name="correo" type="textarea"/> </div></td>
                            </tr>
                            <tr style="height: 50px">
                                <td><div class="campo"> Fecha de Nacimiento</div> </td>
                                <td><div class="write"> <? mostrarFecha(); ?> </div></td>
                            </tr>
                            <tr style="height: 50px">
                                <td><div class="campo"> Pais</div> </td>
                                <td><div class="write"> <? paises();  ?></div></td>
                            </tr>
                            <tr style="height: 50px">
                                <td><div class="campo"> Altura (cm) </div> </td>
                                <td><div class="write"> <? altura(); ?> </div></td>
                            </tr>
                            <tr style="height: 50px">
                                <td><div class="campo"> Peso (kg)</div> </td>
                                <td><div class="write"> <? peso(); ?> </div></td>
                            </tr>
                            <tr style="height: 50px">
                                <td><div class="fila" > </div></td>
                                <td><div class="write"> <input name="Registrarme" value="Registrarme" type="submit"/> </div></td>
                            </tr>
                        </table>
                    </div>
                </form>
            </div>
            <div id="footer">
			&copy; Multimedios 1 Semestre 2012 | <a href="#">Felipe Sepúlveda</a> <a href="#">Rodrigo Urbina</a>
            </div>
        </div>
    </body>
        
    
    
</html>
